<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>便民服务-企业信息查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">				
		<style>
		body{overflow-y:auto ;}
	   .mui-content{position: absolute;top: 0;left: 0;height:100%;  background:#fff url(../../images/service/company_banner01.png)  no-repeat; background-size:100% 200px;}
	   .mui-content .mui-title{color: #fff;}
	   .mui-bar{background: none;}
	   .mui-input-group:before,.mui-input-group:after{background:none;}
	   .mui-input-group{margin: .5rem 0px 0px .2rem;}
	   .mui-input-group .mui-input-row{height: .88rem; line-height: .88rem;}
	   .mui-input-row label{font-size: .3rem; color: #999999; padding: .33rem; box-sizing: border-box;}
	   .mui-input-group .mui-input-row:after{background-color:#e5e5e5; left: 5px;}
	   .mui-input-row label~input{font-size: .3rem; color: #999999;height: .88rem; line-height: .88rem;}
	   .company-content{width: 6.7rem;margin:1.2rem auto 0 auto;}
	   input[type=search]{background-color: #fff;font-size: .28rem;height:0.8rem;/*border:1px solid #eee;*/}
	   .mui-search .mui-placeholder{font-size:.32rem;height:0.8rem;line-height:0.8rem;}
	   .mui-search .mui-placeholder .mui-icon{color:#666;}
	  .mui-input-row.mui-search .mui-icon-clear{top:.4rem;font-size:18px;}
	  .btn_ok{width:6.63rem;height:.85rem;font-size:.32rem;color:#fff;text-align:center;background:url(../../images/service/btn-ok.png) no-repeat;background-size:100% 100%;border:none;}
	  /*.btn_ok:focus{background-color:transparent !important;}*/
	  .search_list{width:100%;overflow:hidden;margin-top:.88rem;background:#fff;margin-bottom:0;}
	  .search_list>dt,.search_list>dd{width:100%;height:1rem;line-height:1rem;text-align:center;float:left;font-size:.3rem;margin:0;}
	  .search_list>dt{background:#f4f4f4;}
	  .search_list>dt>img{width:.35rem;margin:.29rem .1rem 0 2.8rem;float:left;}
	  .mui-input-row.mui-search .mui-icon-speech{top:0.18rem;}
	  .mui-input-row.mui-search .mui-icon-clear{top: .23rem;}
	</style>
	</head>
	<body>
		<div class="mui-content" id="mui-content">
			<!--头部-->
			<div class="mui-bar mui-bar-nav" id="header">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">企业信息查询</h1>
			</div>
			<!-- 企业信息查询start -->
			<div class="company-content" id="app">
				<div class="mui-input-row mui-search">
				    <input type="search" class="mui-input-speech mui-input-clear" placeholder="请输入企业信息">
				</div>   
				<button type="button" class="mui-btn btn_ok" id="submitSearch">确定</button>
			<!-- 企业信息查询证end -->
			</div>
			<dl class="search_list">
				<dt><img src="../../images/service/s_ico003.png"><span style="float:left;">热门搜索</span></dt>
				<dd>上海卓繁信息技术股份有限公司</dd>
				<dd>互联网金融</dd>
				<dd>北京百度网讯科技有限公司</dd>
				<dd>中国国际商会海淀区商会</dd>
			</dl>
		</div>
	<script>
		function my_immersed(immersed){
			document.getElementById("mui-content").style.paddingTop = immersed + 'px';
			document.getElementById("header").style.top = immersed + 'px';
			document.getElementById("app").style.marginTop = '1.55rem';
		}
	</script>
	<script type="text/javascript" src="../../js/immersed.js" ></script>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/common.js"></script><!-- 共用rem适配-js -->
	<script src="../../js/jquery2.2.4.min.js"></script>	<!-- jquery -->
	<script src="../../js/app.js"></script>
	<script>
			mui.plusReady(function(){
				closeWaitingAndShowView(); 
				//重写back
				mui.back = function(){
					plus.webview.currentWebview().opener().show('fade-in',100);
					plus.webview.currentWebview().close('zoom-fade-in',300);
				}
			})
			
			// 搜索
			window.addEventListener('search',function(){
				var kws = $(":input[type=search]").val();
				if(kws == '' || kws == null || kws.trim() == ''){ 
			    		mui.toast('请输入企业信息');
			    		return;
			    	}
				localStorage.setItem('COM_SEAECH_KWS',kws);
				utils.showWaiting();
				showTemplates('com_search.html','企业信息查询','_www/src/bianmin/com_search.html');
			})
			
			// 搜索
			document.getElementById('submitSearch').addEventListener('tap', function() {
				var kws = $(":input[type=search]").val();
				if(kws == '' || kws == null || kws.trim() == ''){ 
		    		mui.toast('请输入企业信息');
		    		return;
		    	}
				localStorage.setItem('COM_SEAECH_KWS',kws);
				utils.showWaiting();
				showTemplates('com_search.html','企业信息查询','_www/src/bianmin/com_search.html');
			});
			
			//搜索
			mui('body').on('tap', '.search_list dd', function() {
				var kws = this.innerText;
				localStorage.setItem('COM_SEAECH_KWS',kws);
				utils.showWaiting();
				showTemplates('com_search.html','企业信息查询','_www/src/bianmin/com_search.html');
			});
	</script>
	</body>
</html>
